<template>
    <div>
        <h2>Home</h2>
        <input type="text" v-model="username">
    </div>
</template>
<script>
export default {
    data() {
        return {
            username: 'lili'
        }
    },
    beforeCreate() {
        console.log('home beforeCreate 不可以访问this');
    },
    created() {
        console.log('home created 可以访问this');
    },



    beforeMount() {
        console.log('Home beforeMount 可以访问this');
    },
    mounted() {
        console.log('Home beforeMount 可以访问this 访问DOM');
        // document.getElementById()
    },
    // 激活（组件被创建）
    activated() {
        console.log('Home activated  可以访问this  访问DOM');
    },

    // 失活（组件被销毁）
    deactivated() {
        console.log('Home deactivated');
    },

    // 节点销毁
    // beforeDestroy() { },
    // destroyed() { }

    beforeUpdate() {
        console.log('home beforeUpdate');
    },
    updated() {
        console.log('home updated');
    },
}
</script>